<template>
  <div class="agreement-container">
    <SidebarNav />
    <div class="main-content">
      <TopHeader />
      <div class="content-area">
        <h2 class="page-title">用户使用协议</h2>
        
        <div class="agreement-content">
          <h3>用户使用协议</h3>
          <p class="last-updated">最后更新日期：2023年12月1日</p>
          
          <section class="agreement-section">
            <h4>1. 协议的接受与修改</h4>
            <p>欢迎使用招标文件智析系统（以下简称"本系统"）。本协议是您与本系统之间关于您使用本系统服务所订立的协议。请您在使用本系统服务前，仔细阅读并充分理解本协议。</p>
            <p>本系统有权在必要时修改本协议条款。您可以在相关页面中查阅最新版本的协议条款。本协议条款变更后，如果您继续使用本系统服务，即视为您已接受修改后的协议。</p>
          </section>
          
          <section class="agreement-section">
            <h4>2. 服务内容</h4>
            <p>本系统主要提供招标文件智能分析、文档管理等服务。具体服务内容包括但不限于：</p>
            <ul>
              <li>招标文件上传与管理；</li>
              <li>招标文件智能分析；</li>
              <li>招标相关问题的智能问答；</li>
              <li>用户账户管理。</li>
            </ul>
          </section>
          
          <section class="agreement-section">
            <h4>3. 用户账户</h4>
            <p>3.1 注册要求：您在注册时需要提供真实、准确、完整的个人资料，并及时更新。</p>
            <p>3.2 账户安全：您必须妥善保管账户信息及登录密码，因您保管不善可能导致的任何损失由您自行承担。</p>
            <p>3.3 账户使用：您不得将账户转让、出售或出借给他人使用。如发现有他人未经授权使用您的账户，应立即通知本系统。</p>
          </section>
          
          <section class="agreement-section">
            <h4>4. 用户行为规范</h4>
            <p>在使用本系统时，您必须遵守中华人民共和国相关法律法规，不得利用本系统从事违法违规活动，包括但不限于：</p>
            <ul>
              <li>上传、发布、传播违法违规信息；</li>
              <li>侵犯他人知识产权、商业秘密等合法权益；</li>
              <li>干扰本系统的正常运行；</li>
              <li>未经授权，进入本系统计算机信息网络或者使用本系统计算机信息网络资源。</li>
            </ul>
          </section>
          
          <section class="agreement-section">
            <h4>5. 知识产权</h4>
            <p>5.1 本系统所提供的服务中包含的任何文本、图片、图形、音频和/或视频资料均受版权、商标和/或其他财产所有权法律的保护，未经相关权利人同意，上述资料均不得在任何媒体直接或间接发布、播放、展示或传播。</p>
            <p>5.2 您在使用本系统服务时上传的内容，您保证对该等内容拥有合法权利。您同意授予本系统非独家的、可转授权的、不可撤销的、全球通用的、免费的许可使用权利，本系统有权为提供服务的目的而使用、复制、传播该等内容。</p>
          </section>
          
          <section class="agreement-section">
            <h4>6. 免责声明</h4>
            <p>6.1 本系统不保证服务一定能满足您的要求，也不保证服务不会中断，对服务的及时性、安全性、准确性也不作保证。</p>
            <p>6.2 对于因通讯线路故障、计算机病毒、黑客攻击等非本系统所能控制的原因而导致的服务中断或其他缺陷，本系统不承担责任，但将尽力减少因此而给您造成的损失和影响。</p>
          </section>
          
          <section class="agreement-section">
            <h4>7. 协议终止</h4>
            <p>7.1 您有权随时停止使用本系统服务。</p>
            <p>7.2 本系统有权在您违反本协议相关规定时，终止对您的服务。</p>
          </section>
          
          <section class="agreement-section">
            <h4>8. 法律适用与争议解决</h4>
            <p>8.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。</p>
            <p>8.2 如双方就本协议内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方均可向本系统所在地有管辖权的人民法院提起诉讼。</p>
          </section>
          
          <section class="agreement-section">
            <h4>9. 其他规定</h4>
            <p>9.1 本协议构成双方对本协议之约定事项及其他有关事宜的完整协议，除本协议规定的之外，未赋予本协议各方其他权利。</p>
            <p>9.2 如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。</p>
          </section>
          
          <section class="agreement-section">
            <h4>10. 联系我们</h4>
            <p>如果您对本协议有任何疑问或建议，请通过以下方式联系我们：</p>
            <p>电子邮件：service@tender-analysis.com</p>
            <p>电话：400-123-4567</p>
          </section>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import SidebarNav from '../components/Sidebar.vue';
import TopHeader from '../components/TopHeader.vue';

export default {
  name: 'UserAgreement',
  components: {
    SidebarNav,
    TopHeader
  }
};
</script>

<style scoped>
.agreement-container {
  display: flex;
  min-height: 100vh;
}

.main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.content-area {
  flex: 1;
  padding: 20px 30px;
  overflow-y: auto;
}

.page-title {
  color: #515151;
  font-size: 24px;
  margin-bottom: 20px;
}

.agreement-content {
  background-color: white;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.last-updated {
  color: #909399;
  font-size: 14px;
  margin-bottom: 20px;
}

.agreement-section {
  margin-bottom: 30px;
}

.agreement-section h4 {
  font-size: 18px;
  color: #303133;
  margin-bottom: 15px;
}

.agreement-section p, .agreement-section li {
  color: #606266;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 10px;
}

.agreement-section ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
</style> 